import '../../styles/login.css';
import { Tabs } from 'antd';
import Account from './account';
import Phone from './phone';
import React from 'react';
const items = [
  {
    label: '账号密码登录',
    key: '1',
    children: <Account></Account>,
  },
  {
    label: '手机验证登录',
    key: '2',
    children: <Phone></Phone>,
  },
];

const Login: React.FC = () => {
  return (
    <div className="login-container">
      <div className="login-box">
        <div className="logo-box">
          <img
            src={require('../../public/打卡签到.svg')}
            alt="Logo"
            className="logo"
          ></img>
          <p className="logo-title">排班管理系统</p>
        </div>
        <div className="form-box">
          <div className="title-box">欢迎登录 !</div>
          <Tabs defaultActiveKey="1" centered items={items} />
        </div>
      </div>
    </div>
  );
};
export default Login;
